<template>
	<view class="cu-modal" :class="names=='Modal'?'show':''" @tap='names=null'>
		<view class="cu-dialog" @tap.stop=''>
			<view class="cu-bar bg-white justify-end">
				<view class="content">秒计房计费规则</view>
			</view>
			<view class="padding bg-white text-left">
				<view>
					<button class="cu-btn bg-yellow margin-lr radius xs">计费规则</button>
				</view>
				<view class="margin-top padding-left">
					<text>计费时间从预订成功后开始计算，在用户操作离店后停止计费</text>
				</view>
				<view class="margin-tb"><button class="cu-btn bg-yellow margin-lr radius xs">扣费方式</button></view>
				<view class="margin-tb padding-left">
					<text>扣除科爱豆数量或预付金</text>
				</view>
				<text class="margin-top text-orange padding-left">
					*后台静默扣费，当科爱豆或预付金不足抵扣时自动离店，不可退费
				</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"billingRules",
		data() {
			return {
				
			};
		},
		created() {
		},
		computed:{
			names:{
				get(){
					return this.modalName
				},
				set(val){
					this.$emit('update:modalName', val)
				}
			}
		},
		props:['modalName']
	}
</script>

<style lang="scss">

</style>
